/**
** card
*/
.el-card {
  border: none;
  background-color: transparent;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;

  .el-card__header {
    padding: 0 16px;
    line-height: 44px;
    color: #69B3FF;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    background: transparent;
    border-bottom: 1px solid #69B3FF;

    .panel-close-btn {
      font-size: 16px;
      right: 16px;
      position: absolute;
      top: 10px;
      color: #69B3FF;
      cursor: pointer;
    }

    &.block {
      padding: 0;
      border-image: none;
    }
  }

  .el-button--text {
    color: #b6c2ca;
  }

  .el-card__body {
    padding: 16px;
  }

  &.search-box {
    .el-card__header {
      height: 40px;
      line-height: 40px;
      padding: 0;
      border: none;
      background: transparent;
    }
  }
}

/**
** card
*/
.el-card__header {
  padding: 4px 16px;
  line-height: 30px;
  color: #69B3FF;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  background: transparent;
  border-bottom: 1px solid #69B3FF;

  .panel-close-btn {
    font-size: 18px;
    right: 16px;
    position: absolute;
    top: 10px;
    color: #69B3FF;
    cursor: pointer;
  }
}

.el-card {
  //border-radius: 4px;
  //border: 1px solid #0b9bbc;
  background-color: transparent;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;

  .el-button--text {
    color: #b6c2ca;
  }

  .el-card__body {
    padding: 15px;
  }
}

/**
 **tooltip
*/
.el-tooltip__popper {
  max-width: 340px;
  background: rgba(255, 255, 255, 0.8) !important;
  color: #575b5b !important;
  font-size: 12px;
  font-family: MicrosoftYaHei;

  &[x-placement^='top'] {
    .popper__arrow {
      border-top-color: rgba(255, 255, 255, 0.6);

      &::after {
        border-top-color: rgba(255, 255, 255, 0.6);
      }
    }
  }

  &[x-placement^='left'] {
    .popper__arrow {
      border-left-color: rgba(255, 255, 255, 0.6);

      &::after {
        border-left-color: rgba(255, 255, 255, 0.6);
      }
    }
  }

  &.slider-tooltip {
    background: #388e79 !important;
    color: #fff !important;

    &[x-placement^='top'] {
      .popper__arrow {
        border-top-color: #388e79;

        &::after {
          border-top-color: #388e79;
        }
      }
    }
  }
}

/**
 **picker
*/
.el-picker-panel {
  color: #fff;
  z-index: 9999 !important;

  .el-date-picker__header {
    .el-date-picker__header-label {
      color: #fff;

      &:hover {
        color: #4395EA;
      }
    }

    .el-picker-panel__icon-btn {
      &:hover {
        color: #4395EA;
      }
    }
  }

  .el-picker-panel__content {

    .el-year-table,
    .el-date-table {
      th {
        color: #fff;

        &:hover {
          color: #4395EA;
        }
      }

      td.available {
        &:hover {
          color: #4395EA;
        }

        .cell {
          color: #fff;
        }
      }

      td.current:not(.disabled) span {
        background-color: #fff;
      }
    }

    .time-select-item.selected:not(.disabled) {
      color: #fff;
    }
  }
}

/**
** textarea
*/
.el-textarea {
  .el-textarea__inner {
    color: #fff;

    &:focus {
      border: 1px solid #fff;
    }
  }
}

/**
** table
*/
.el-pagination__total,
.el-table,
.el-tree {
  color: #5f676e;
}

.el-pagination {
  // height: 14px;
  padding: 0;
  line-height: 14px;
  color: #fff;

  .el-pagination__total {
    height: 14px;
  }

  .el-pager {
    li {

      &:not(.disabled):hover,
      &:not(.disabled).active,
      &.active,
      &:hover {
        color: #fff;
      }
    }
  }

  .el-pagination__jump {
    color: #fff;
  }

  &.el-pagination--small {
    button {
      background: transparent;

      &:disabled,
      &.btn-prev,
      &.btn-next {
        font-size: 14px;
        line-height: 14px;
        height: 14px;
        min-width: 22px;
        color: #ced1d2;
        background: transparent;
      }

      &:disabled {
        color: #5c666f;
      }
    }

    .el-pager {
      li {
        height: 14px;
        min-width: 22px;
        padding: 0 14px;
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
        background: transparent;

        &:hover,
        &.active {
          color: #c6e04b;
        }
      }
    }
  }

  &.is-background,
  &.is-background.el-pagination--small {

    .btn-prev,
    .el-pager li,
    .btn-next {
      width: 32px;
      height: 32px;
      margin: 0 10px 0 0;
      padding: 0;
      line-height: 30px;
      font-size: 12px;
      font-weight: 400;
      color: #fff;
      background: #fff;
      border-radius: 4px;
      border: 1px solid #dcdfe6;
    }

    .btn-prev:disabled,
    .btn-next:disabled {
      background: #f4f4f5;
    }

    .el-pager {
      li {

        &:not(.disabled):hover,
        &:not(.disabled).active,
        &.active,
        &:hover {
          color: #fff !important;
          background: #69B3FF;
        }
      }
    }

    .el-pagination__jump {
      margin-left: 24px;
      font-weight: normal;
      // color: #fff;
      color: #575B5B;
    }
  }

  &.oneMap {

    &.is-background.el-pagination--small,
    &.is-background {

      .btn-prev,
      .el-pager li,
      .btn-next {
        width: 32px;
        height: 32px;
        margin: 0 10px 0 0;
        padding: 0;
        line-height: 30px;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        border: 1px solid #91969c;
        border-radius: 2px;
        background: transparent;
      }

      .btn-prev:disabled,
      .btn-next:disabled {
        opacity: 0.6;
      }

      .el-pager {
        li {
          color: #fff;
          border: 1px solid #91969c;
          border-radius: 2px;
          background: rgba(255, 255, 255, 0.1);

          &:not(.disabled):hover,
          &:not(.disabled).active,
          &.active,
          &:hover {
            color: #69B3FF;
            border-radius: 2px;
            border: 1px solid #69B3FF;
            background: rgba(105, 179, 255, 0.1);
          }
        }
      }

      .el-pagination__jump {
        margin-left: 24px;
        font-weight: normal;
        color: #fff;
      }
    }
  }
}

.el-table--group,
.el-table--border {
  border: 1px solid #91969c;

  th,
  td {
    border-right: 1px solid #91969c;
  }
}

table,
.el-table {
  border-color: rgba(195, 198, 207, 0.4);
  border-collapse: collapse;
  background-color: transparent;

  &::before {
    content: '';
    height: 0;
  }

  thead {
    color: #0c0c0c;
    font-weight: 600;
    font-size: 14px;

    tr {
      background: rgba(255, 255, 255, 0.1) !important;

      th {
        height: 40px;
        padding: 0;
        font-weight: 600;
        border-bottom: 1px solid rgba(195, 198, 207, 0.4);
        border-right: 1px solid rgba(195, 198, 207, 0.4);
        background: transparent;
        color: #ffffff;

        &.gutter {
          width: 0 !important;
          display: table-cell !important;
        }
      }

      th.is-leaf {
        border-bottom: 1px solid #91969c;
      }
    }
  }

  tbody {
    tr {
      background: transparent;

      &:hover {
        background: rgba(2, 9, 21, 0.3);
      }

      td {
        height: 40px;
        padding: 0;
        font-size: 14px;
        border-bottom: 1px solid rgba(195, 198, 207, 0.4);
        border-right: 1px solid rgba(195, 198, 207, 0.4);

        &:last-child {
          // border-right: none;
        }

        &.vertical-column {
          color: #0c0c0c;
          text-align: left;
          font-weight: 600;
          background: #fafafa !important;
        }
      }

      &:last-child {
        td {
          border-bottom: none;
        }
      }
    }
  }

  .el-table__empty-text {
    line-height: 2;
    width: 86%;
    color: #909399;
  }

  &.oneMap {

    &.el-table--group::after,
    &.el-table--border::after,
    &.el-table::before {
      background: transparent;
    }

    thead {
      color: #fff;
      font-weight: 600;
      font-size: 14px;

      &.is-group th.el-table__cell {
        background: rgba(255, 255, 255, 0.1);


      }

      tr {
        background: transparent;

        th {
          padding: 0px 0;
          font-weight: 600;
          border-right: 1px solid #91969C;
          background: rgba(255, 255, 255, 0.1);
          height: 36px;

          div {
            display: inline-block;
            box-sizing: border-box;
            position: relative;
            vertical-align: middle;
            padding-left: 0px !important;
            padding-right: 0px !important;
            width: 100%;
            font-size: 14px;
            font-weight: 500;
            text-align: center;
          }

          &.gutter {
            width: 0 !important;
            display: table-cell !important;
          }

        }

        th.is-leaf {
          border-bottom: 1px solid #91969C;
        }
      }
    }

    .el-table__body {
      border-collapse: separate;

      tbody {
        color: #fff;

        tr {
          border: 1px solid transparent;
          background: transparent;

          td {
            padding: 0px 0;
            font-size: 14px;
            border-top: 1px solid transparent;
            border-bottom: 1px solid #91969c;
            border-left: 1px solid transparent;
            border-right: 1px solid #91969c;
            background: transparent;

            div {
              display: inline-block;
              box-sizing: border-box;
              position: relative;
              vertical-align: middle;
              padding-left: 0px !important;
              padding-right: 0px !important;
              width: 100%;
              font-size: 14px;
              font-weight: 500;
              text-align: center;
            }

            &:last-child {
              // border-right: none;
            }

            &.vertical-column {
              color: #fff;
              text-align: left;
              font-weight: 600;
              background: rgba(255, 255, 255, 0.1) !important;
            }
          }

          &:last-child {
            td {
              // border-bottom: none;
            }
          }

          &:hover {
            // border: 1px solid transparent;
            background: rgba(255, 255, 255, 0.1);

            td {
              // border: 1px solid #91969c;
              border-left: none;
              // border-right: 1px solid #91969c;
              background-color: transparent;

              // &:first-child {
              //   border-left: 1px solid #69B3FF;
              // }

              // &:last-child {
              //   border-right: 1px solid #69B3FF;
              // }
            }
          }
        }
      }
    }

    &.el-table--border {
      thead {
        tr {
          th {
            // &:last-child {
            //   border-right: none;
            // }
          }
        }
      }
    }

    &.cell {
      padding-left: 0px !important;
      padding-right: 0px !important;
      text-align: center !important;
    }
  }
}

table {
  thead {
    tr {
      height: 32px;

      &.only-header {
        border: 1px solid #b6c2ca;
        border-bottom: none;
      }

      th {
        padding: 0 10px;
      }
    }
  }
}

.t-modal-container {
  .t-modal-header {
    background: #fff;
  }

  .el-table {
    color: #444;
  }
}

.useland-info {
  .text-light {
    color: #3aeffd;
  }

  .col-light {
    background: linear-gradient(180deg,
        rgba(111, 251, 255, 0.4) 0%,
        rgba(58, 239, 253, 0.1) 100%);
    border-bottom: 4px solid rgba(14, 26, 42, 0.5);
    color: #69B3FF;
    font-size: 24px;
  }

  table thead tr th.is-leaf,
  .el-table thead tr th.is-leaf {
    font-weight: 400;
    color: rgba(105, 179, 255, 1);
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
  }

  table thead tr,
  .el-table thead tr {
    background: transparent !important;
  }

  table tbody tr,
  .el-table tbody tr {
    background: linear-gradient(90deg,
        rgba(105, 179, 255, 0.2) 0%,
        rgba(58, 239, 253, 0.05) 100%);

    // border-radius: 3px;
    td {
      border-bottom: 4px solid rgba(14, 26, 42, 0.3);
      border-right: 0px solid transparent;
      font-size: 12px;
      color: #fff;
    }

    &:hover {
      background: linear-gradient(90deg,
          rgba(105, 179, 255, 0.4) 0%,
          rgba(58, 239, 253, 0.2) 100%);

      .sort-num {
        background: linear-gradient(180deg,
            rgba(111, 251, 255, 0.4) 0%,
            rgba(58, 239, 253, 0.1) 100%);
      }
    }
  }

  &.shodow {

    table tbody tr,
    .el-table tbody tr {
      box-shadow: 0px 0px 4px 0px rgba(58, 239, 253, 0.5);
    }
  }

  &.el-table--enable-row-hover {
    .el-table__body tr:hover>td {
      background-color: transparent;
    }
  }
}

/**
** input
*/
.el-input {
  .el-input__suffix {
    right: 8px;
    color: #fff;

    .el-input__suffix-inner {
      .el-input__icon {
        line-height: 36px;
      }
    }
  }

  .el-input__inner {
    height: 36px;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    background: transparent;
    border-radius: 4px;
    border: 1px solid #91969c;

    &:hover {
      border: 1px solid #c0c4cc;
    }

    &:focus {
      border: 1px solid #fff;
    }

    &::placeholder {
      font-size: 12px;
      color: #c0c9ca;
    }
  }

  &.is-disabled {
    .el-input__inner {
      background: #f5f7fa;
      border-color: #dcdfe6 !important;
      color: #fff !important;
    }

    &.plane-input {
      .el-input__inner {
        border: 1px solid rgba(139, 185, 221, 0.3) !important;
        background: transparent !important;
      }
    }

    &.black-input {
      .el-input__inner {
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        background: rgba(14, 26, 42, 0.8) !important;
      }
    }
  }

  &.el-input-group {
    &.el-input-group--append {
      .el-input__inner {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;

        &:focus {
          &+.el-input-group__append {
            border: 1px solid #fff;
            border-left: none;
          }
        }
      }

      .el-input-group__append,
      .el-input-group__prepend {
        padding: 0 10px;
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-left: none;
        border-radius: 0;
        background: transparent;
      }

      &.is-disabled {

        .el-input-group__append,
        .el-input-group__prepend {
          background-color: rgba(255, 255, 255, 0.1);
        }
      }
    }

    &.el-input-group--prepend {
      .el-input-group__prepend {
        color: #fff;
        border-radius: 0;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-right: none;
        background: transparent;
      }
    }
  }

  &.el-input--prefix {

    .el-input__prefix,
    .el-input__suffix {
      color: #fff;
    }
  }

  &.small-input {
    .el-input__suffix {
      right: 5px;
      color: #fff;

      .el-input__suffix-inner {
        .el-input__icon {
          line-height: 24px;
        }
      }
    }

    .el-input__inner {
      height: 24px;
      line-height: 24px;
      padding: 0 10px;
      font-size: 14px;
      border: 1px solid rgba(255, 255, 255, 0.5);
      border-radius: 0;
      color: #fff;
      background-color: transparent;
    }
  }

  &.card-input {
    .el-input__inner {
      height: 36px;
      padding: 0 10px;
      background-color: transparent;
      border: 1px solid rgba(255, 255, 255, 0.5);
      border-radius: 0;
      color: #fff;
      font-size: 14px;

      &:hover,
      &:focus {
        border: 1px solid #fff;
      }

      &::placeholder {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);
      }
    }

    .el-input__suffix {
      right: 8px;
      color: #fff;

      .el-input__suffix-inner {
        .el-input__icon {
          line-height: 36px;
        }
      }
    }
  }

  &.el-date-editor {
    width: 100%;

    &.el-input--prefix {
      .el-input__inner {
        padding: 0 10px 0 30px;
      }

      .el-input__suffix,
      .el-input__prefix {
        color: #fff;
      }
    }
  }

  &.plane-input {
    .el-input__inner {
      border: 1px solid rgba(139, 185, 221, 0.3);
      background: rgba(139, 185, 221, 0.3);
    }
  }

  &.black-input {
    .el-input__inner {
      border: 1px solid rgba(255, 255, 255, 0.3) !important;
      background: rgba(14, 26, 42, 0.8) !important;
    }
  }

  /**
  ** 一张蓝图里面的输入框
   */
  &.oneMap {
    .el-input__inner {
      color: #fff;
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.5);
      background: rgba(14, 26, 42, 0.8);

      &:hover {
        border: 1px solid #c0c4cc;
      }

      &:focus {
        border: 1px solid #fff;
      }

      &::placeholder {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.6);
      }
    }

    .el-input__suffix {
      color: #fff;

      .el-input__suffix-inner {
        .el-input__count {
          .el-input__count-inner {
            background: transparent;
          }
        }
      }
    }

    &:focus-within {
      .el-input__suffix {
        color: #fff;
      }
    }

    &.is-disabled {
      .el-input__inner {
        border-color: rgba(255, 255, 255, 0.5) !important;
        color: #fff !important;
        background: rgba(255, 255, 255, 0.1) !important;
      }
    }
  }
}

.el-input--small {
  .el-input__inner {
    height: 36px;
    padding: 0 10px;
    background-color: transparent;
    border: 1px solid #91969c;
    color: #fff;
    font-size: 14px;

    &:focus {
      border: 1px solid #fff;
    }

    &::placeholder {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.5);
    }
  }
}

.el-cascader {
  line-height: 36px;

  .el-input {
    .el-input__inner {
      color: #fff;
      background: rgba(14, 26, 42, 0.8);
    }

    .el-input__suffix {
      color: #c0c4cc;

      .el-input__suffix-inner {
        .el-input__icon {
          &.el-icon-arrow-down {
            transform: rotateZ(180deg);

            &::before {
              content: '\e78f';
            }
          }
        }
      }
    }

    &:hover,
    &.is-focus {
      .el-input__inner {
        color: #fff;
        border-color: #91969c;
      }
    }
  }
}

.el-popper {
  &[x-placement^='top'] {
    .popper__arrow {
      border-bottom-color: #ebeef5;

      &::after {
        border-bottom-color: #fff;
      }
    }
  }

  &.el-dropdown-menu {
    background: rgba(14, 26, 42, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.7);

    .el-dropdown-menu__item {
      color: #fff;
      background: transparent;

      .iconfont {
        margin-right: 6px;
      }

      &.selected:hover,
      &.selected {
        color: #69B3FF;
        background: rgba(255, 255, 255, 0.1);
      }

      &:not(.is-disabled):hover,
      &:focus {
        color: #69B3FF;
        background: rgba(255, 255, 255, 0.1);
      }
    }

    &[x-placement^='bottom'] {
      .popper__arrow {
        border-bottom-color: rgba(255, 255, 255, 0.7);

        &::after {
          border-bottom-color: rgba(14, 26, 42, 0.8);
        }
      }
    }

    &.head-dropdown {
      border: 1px solid rgba(255, 255, 255, 0.7);
      background: linear-gradient(360deg,
          rgba(14, 26, 42, 0.9) 0%,
          rgba(26, 49, 80, 0.9) 100%);
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    }
  }

  &.el-picker-panel {
    border: 1px solid #69B3FF;
    background: rgba(0, 11, 17, 0.8);
    color: #fff;

    &.time-select {
      background: rgba(0, 11, 17, 0.8);

      .time-select-item {
        color: #fff;
        font-weight: 400;

        &.selected {
          color: #69B3FF;
        }

        &:hover {
          color: #fff;
          background: rgba(255, 255, 255, 0.1);
        }
      }
    }

    &.el-date-picker {
      background: rgba(14, 26, 42, 0.9);

      .el-date-picker__header {
        &.el-date-picker__header--bordered {
          border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        }

        .el-picker-panel__icon-btn,
        .el-date-picker__header-label {
          color: #fff;

          &:hover {
            color: #69B3FF;
          }
        }
      }

      .el-picker-panel__content {
        .el-date-table {
          tbody {
            tr {
              th {
                color: #fff;
                border-bottom: none;
              }

              td {
                font-size: 12px;
                font-weight: 400;
                border-bottom: none;
                border-right: none;

                .cell {
                  color: #fff;
                }

                &.today {
                  .cell {
                    color: #fff;
                  }

                  span {
                    color: #fff;
                  }
                }

                &.available:hover {
                  color: #fff;
                  background: transparent;
                }

                &.current:not(.disabled) {
                  span {
                    color: #fff;
                    background: #fff;
                  }

                  &:hover {
                    color: #fff;
                  }
                }

                &.next-month,
                &.prev-month {
                  color: rgba(255, 255, 255, 0.6);
                }
              }

              &:hover {
                background: transparent;
              }
            }
          }
        }

        .el-year-table {
          tbody {
            tr {
              td {
                border-bottom: none;
                border-right: none;
                font-size: 14px;
                font-weight: 400;

                .cell {
                  color: #fff;
                }

                &.today {
                  .cell {
                    color: #fff;
                    background: #fff;
                  }

                  span {
                    color: #fff;
                  }
                }

                &:hover {
                  color: #fff;

                  .cell {
                    color: #fff;
                  }
                }

                &.current:not(.disabled) {
                  span {
                    color: #fff;
                    background: #fff;
                  }

                  &:hover {
                    .cell {
                      color: #fff;
                    }
                  }
                }
              }

              &:hover {
                background: transparent;
              }
            }
          }
        }

        .el-month-table {
          tbody {
            tr {
              td {
                font-size: 14px;
                font-weight: 400;
                border-bottom: none;
                border-right: none;

                .cell {
                  color: #fff;
                }

                &.today {
                  .cell {
                    color: #fff;
                    background: #fff;
                  }

                  span {
                    color: #fff;
                  }
                }

                &:hover {
                  color: #fff;

                  .cell {
                    color: #fff;
                  }
                }

                &.available:hover {
                  color: #fff;
                  background: transparent;
                }

                &.current:not(.disabled) {
                  span {
                    color: #fff;
                    background: #fff;
                  }

                  &:hover {
                    .cell {
                      color: #fff;
                    }
                  }
                }
              }

              &:hover {
                background: transparent;
              }
            }
          }
        }
      }
    }

    &.el-date-range-picker {
      background: rgba(0, 11, 17, 0.8);

      .el-date-range-picker__header {
        &.el-date-picker__header--bordered {
          border-bottom: 1px solid rgba(139, 185, 221, 0.3);
        }

        .el-picker-panel__icon-btn,
        .el-date-picker__header-label {
          color: #fff;

          &:hover {
            color: #8bb9dd;
          }
        }
      }

      .el-picker-panel__content {
        .el-date-table {
          tbody {
            tr {
              th {
                padding: 5px;
                color: #8bb9dd;
                font-weight: 400;
                border-bottom: 1px solid rgba(139, 185, 221, 0.3);
              }

              td {
                border-bottom: 1px solid rgba(139, 185, 221, 0.3);
                border-right: 1px solid rgba(139, 185, 221, 0.3);

                span {
                  color: #fff;
                }

                &.today {
                  span {
                    color: #c6e04b;
                  }
                }

                &.in-range {
                  div {
                    background: rgba(75, 240, 255, 0.1);
                    box-shadow: inset 0 0 6px 0 #8bb9dd;
                  }
                }

                &.start-date,
                &.end-date {
                  span {
                    background-color: rgba(139, 185, 221, 1);
                  }
                }

                &.available:hover {
                  color: #c6e04b;
                  background: rgba(75, 240, 255, 0.1);
                  box-shadow: inset 0 0 15px 0 #8bb9dd;
                  border-image: linear-gradient(270deg,
                      rgba(75, 240, 255, 0),
                      rgba(139, 185, 221, 1),
                      rgba(75, 240, 255, 0)) 2 2;
                }
              }
            }
          }
        }
      }
    }

    &[x-placement^='bottom'] {
      .popper__arrow {
        border-bottom-color: #69B3FF;

        &::after {
          border-bottom-color: rgba(14, 26, 42, 0.8);
        }
      }
    }
  }

  &.el-autocomplete-suggestion {
    border: 1px solid;
    background: rgba(0, 11, 17, 0.8);
    border-radius: 2px;

    &.el-popper[x-placement^='bottom'] {
      .popper__arrow {
        display: none;
      }
    }

    .el-select-dropdown__item,
    li[role='option'] {
      color: #ced1d2;
      font-size: 14px;
      font-weight: 400;
      height: 32px;
      line-height: 32px;
      padding: 0 13px;
      border: 1px solid transparent;
      background: transparent;

      &:hover {
        color: #8bb9dd;
        background: rgba(0, 11, 17, 0.8);

        &.selected {
          color: #8bb9dd;
          background: rgba(0, 11, 17, 0.8);
        }
      }
    }

    .el-autocomplete-suggestion__wrap {
      background-color: transparent;
      border: none;
    }
  }



  &.el-select-dropdown {
    background-color: #fff;

    .el-select-dropdown__item {
      color: #575B5B;

      &.selected:hover,
      &.selected {
        color: #fff;
        background-color: #f5f6fa;
      }

      &:not(.is-disabled):hover,
      &:focus {
        color: #69B3FF;
        background-color: #f5f6fa;
      }
    }

    &.is-multiple {
      .el-select-dropdown__item {
        color: #fff;

        &:not(.is-disabled):hover,
        &:focus {
          color: #fff;
          background-color: #f5f6fa;
        }

        &.selected:hover,
        &.selected {
          color: #fff;
          background-color: #fff;
        }
      }
    }

    &.oneMap {
      background: rgba(14, 26, 42, 0.8) !important;
      border: 1px solid #69B3FF !important;

      .el-select-dropdown__list {
        background: rgba(14, 26, 42, 0.8) !important;
        border: 1px solid #69B3FF !important;
      }

      .el-select-dropdown__item {
        color: #fff;
        background: transparent;

        &.selected:hover,
        &.selected {
          color: #fff;
          background: rgba(255, 255, 255, 0.1);
        }

        &:not(.is-disabled):hover,
        &:focus {
          color: #69B3FF;
          background: rgba(255, 255, 255, 0.1);
        }
      }

      &[x-placement^='bottom'] {
        .popper__arrow {
          border-bottom-color: #69B3FF;

          &::after {
            border-bottom-color: rgba(14, 26, 42, 0.8) !important;
          }
        }
      }
    }
  }

  &.el-cascader__dropdown {
    border: 1px solid #69B3FF;
    background: #fff;

    .el-cascader-panel {
      .el-cascader-menu {
        color: #575B5B;

        .el-cascader-menu__list {
          .el-cascader-node {
            .el-cascader-node__label {}

            .el-cascader-node__postfix {}

            &.is-selectable {
              &.in-active-path {
                color: #69B3FF;
              }
            }

            &.in-active-path,
            &.is-selectable.in-checked-path,
            &.is-active {
              color: #69B3FF;
            }

            &:hover,
            &:focus {
              color: #69B3FF;
              background: #f5f6fa;
            }
          }
        }
      }
    }

    &[x-placement^='bottom'] {
      .popper__arrow {
        border-bottom-color: #69B3FF;

        &::after {
          border-bottom-color: #fff;
          // top: 0px
        }
      }
    }
  }
}

.el-input-number {

  .el-input-number__increase,
  .el-input-number__decrease {
    color: #fff;
    background: transparent;

    &:hover {
      color: #fff;
    }
  }

  .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
  .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
    border-color: #69B3FF;
  }

  .el-input {
    .el-input__inner {
      color: #fff;
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.5);
      background: rgba(14, 26, 42, 0.8);
    }

    &.is-disabled {
      .el-input__inner {
        border-color: rgba(255, 255, 255, 0.5) !important;
        color: #fff !important;
        background: rgba(255, 255, 255, 0.1) !important;
      }
    }
  }

  &.is-controls-right {
    .el-input-number__decrease {
      border: none;

      .el-icon-arrow-down {
        position: relative;
        top: -4px;

        &:before {
          content: '\e790';
        }
      }
    }

    .el-input-number__increase {
      border: none;

      .el-icon-arrow-up {
        position: relative;
        top: 4px;

        &:before {
          content: '\e78f';
        }
      }
    }
  }

  &.oneMap {

    .el-input-number__increase,
    .el-input-number__decrease {
      color: #fff;
      background: transparent;
      height: 94%;

      &:hover {
        color: #fff;
      }
    }

    .el-input {
      .el-input__inner {
        color: #fff;
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        background: rgba(14, 26, 42, 0.8);
      }

      &.is-disabled {
        .el-input__inner {
          border-color: rgba(255, 255, 255, 0.5) !important;
          color: #fff !important;
          background: rgba(255, 255, 255, 0.1) !important;
        }
      }
    }
  }
}

.el-select {

  .el-input__inner:focus,
  .el-input.is-focus .el-input__inner {
    border-color: #fff;
  }

  .el-select__caret {
    color: #5f676e;
    //&.el-icon-arrow-up:before {
    //  content: "\e78f";
    //}
  }

  .el-select__tags {
    .el-tag.el-tag--info {
      color: #fff;
      border-radius: 4px;
      border-color: #eeeeee;
      background: #eeeeee;

      .el-tag__close {
        color: #909399;
        background-color: transparent;

        &.el-icon-close {
          &::before {
            content: '\e78d';
          }
        }
      }
    }
  }

  &.oneMap {
    .el-input {
      .el-input__inner {
        color: #fff;
        background: rgba(14, 26, 42, 0.6);
      }
    }
  }
}

.el-form-item__label {
  padding: 0 5px 0 0;
  font-weight: 500;
}

.el-select-dropdown {
  background: #fff !important;
}

/**
** dialog
*/
// .el-dialog__wrapper {
//   width: 500px;
//   top: 35%;
//   left: 40%;
//   right: auto;
//   bottom: auto;
//   border-radius: 2px;
//   overflow: hidden;
//   box-shadow: 1px 0 10px 3px rgba(0, 0, 0, 0.3);
//   .el-dialog {
//     margin: 0 !important;
//     width: 100%;
//     height: 100%;
//     background: #fff;
//     .el-dialog__header {
//       height: 40px;
//       padding: 0 16px;
//       line-height: 40px;
//       border: none;
//       background: #fff;
//       border-radius: 2px 2px 0 0;
//       .el-dialog__headerbtn {
//         position: absolute;
//         top: 14px;
//         right: 16px;
//         .el-dialog__close {
//           color: #fff;
//           &:hover {
//             color: #fff;
//           }
//         }
//       }
//       .el-dialog__title {
//         font-size: 14px;
//         font-weight: 500;
//         color: #fff;
//       }
//     }
//     .el-dialog__body {
//       height: calc(100% - 108px);
//       padding: 16px 30px;
//       color: #fff;
//     }
//     .el-dialog__footer {
//       padding: 0 0 24px 0;
//       text-align: center;
//     }
//   }
//   /**
// ** 无底部按钮弹窗
//  */
//   &.no-footer {
//     .el-dialog {
//       .el-dialog__body {
//         height: calc(100% - 48px);
//       }
//     }
//   }

//   &.oneMap {
//     .el-dialog {
//       margin: 0 !important;
//       width: 100%;
//       height: 100%;
//       border: 1px solid #69B3FF;
//       background: rgba(14, 26, 42, 0.8);
//       .el-dialog__header {
//         height: 40px;
//         padding: 0 16px;
//         line-height: 40px;
//         color: #69B3FF;
//         border: none;
//         border-bottom: 1px solid #69B3FF;
//         background: transparent;
//         border-radius: 2px 2px 0 0;
//         .el-dialog__headerbtn {
//           position: absolute;
//           top: 14px;
//           right: 16px;
//           .el-dialog__close {
//             color: #69B3FF;
//             &:hover {
//               color: #69B3FF;
//             }
//           }
//         }
//         .el-dialog__title {
//           font-size: 14px;
//           font-weight: 500;
//           color: #69B3FF;
//         }
//       }
//       .el-dialog__body {
//         height: calc(100% - 90px);
//         padding: 16px;
//         color: #fff;
//       }
//       .el-dialog__footer {
//         padding: 0;
//         text-align: center;
//         .el-button {
//           width: 96px;
//           height: 32px;
//           line-height: 32px;
//         }
//       }
//     }
//     &.no-footer {
//       .el-dialog {
//         .el-dialog__body {
//           height: calc(100% - 48px);
//           padding: 16px;
//         }
//       }
//     }
//   }
// }

.el-message-box {
  display: inline-block;
  width: 420px;
  padding-bottom: 10px;
  vertical-align: middle;
  background-color: #FFF;
  border-radius: 4px;
  border: 1px solid #EBEEF5;
  font-size: 18px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

  .el-message-box__header {
    padding: 15px 15px 10px;
    position: relative;
    // height: 46px;
    //line-height: 46px;
    //color: #69B3FF;
    // border-bottom: 1px solid #69B3FF;

    .el-message-box__title {
      padding-left: 0;
      margin-bottom: 0;
      font-size: 18px;
      line-height: 1;
      color: #303133;
      // font-size: 14px;
      // line-height: 46px;
      // color: #69B3FF;
    }

    .el-message-box__headerbtn {
      .el-message-box__close {
        color: #909399;

        // color: #69B3FF;
        &:hover {
          color: #575B5B;
          // color: #69B3FF;
        }
      }
    }
  }

  .el-message-box__content {
    color: #575B5B;
    padding: 10px 15px;
    font-size: 14px;

    // display: flex;
    // justify-content: center;
    // align-items: center;
    // flex-direction: column;
    // height: 110px;
    // width: calc(100% - 32px);
    // margin-left: 16px;
    // text-align: center;
    // padding: 16px 0;
    // border-bottom: 1px solid rgba(237, 249, 255, 0.2);
    .el-message-box__status {
      display: block;
      font-size: 32px !important;
      position: relative;
      top: 0;
      transform: none;
      text-align: center;

      &.el-icon-warning {
        color: rgba(254, 245, 122, 1);

        &:before {
          content: '\e7a1';
        }
      }
    }

    .el-message-box__message {
      padding: 0;
      letter-spacing: 1px;
      // margin-top: 12px;
      // text-align: center;
    }

    .el-message-box__container {
      position: relative;

      // height: 100%;
      // padding: 23px 0;
      // border-bottom: 1px solid rgba(237, 249, 255, 0.2);
      .el-message-box__status {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 24px !important;

        // display: block;
        // font-size: 32px !important;
        // position: relative;
        // top: 0;
        // transform: none;
        // text-align: center;
        &.el-icon-warning {
          color: #E6A23C;

          // color: rgba(254, 245, 122, 1);
          &:before {
            content: '\e7a3';
          }
        }
      }

      .el-message-box__message {
        padding-left: 36px;
        padding-right: 12px;
        // padding: 0;
        // margin-top: 12px;
        // text-align: center;
        // letter-spacing: 1px;
      }
    }
  }

  .el-message-box__btns {
    padding: 5px 15px 0;
    text-align: right;

    // padding: 16px;
    // text-align: center;
    .el-button {
      height: 36px;
      padding: 0 20px;
      font-size: 14px;
      font-weight: 400;
      border-radius: 4px;

      // width: 96px;
      // height: 32px;
      // border-radius: 4px;
      // border: 1px solid rgba(255, 255, 255, 0.5);
      // background: rgba(14, 26, 42, 0.8);
      &:hover {
        color: #fff;
        border-color: #4395EA;
        background: #4395EA;
      }

      &:first-child {
        color: #575B5B;
        background: #FFFFFF;
        border: 1px solid #DCDFE6;

        &:hover {
          color: #69B3FF;
        }
      }
    }
  }
}

/**
** button
*/
.el-button {
  // height: 36px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  color: #fff;
  border: none;
  background: #fff;

  &:hover {
    color: #fff;
    background: #4395EA;
  }

  &:focus {
    color: #fff;
    background: #019381;
  }

  &:disabled {
    opacity: 0.4;
  }

  &.el-button--primary.is-disabled,
  &.el-button--primary.is-disabled:hover {
    background-color: #fff;
    border-color: #fff;
  }

  &.el-button--primary.is-plain,
  &.el-button--primary.is-plain:hover {
    background-color: rgba(105, 179, 255, 0.1);
    border-color: #fff;
    color: #69B3FF;
  }

  &.cancel {
    // color: #fff;
    color: #4395EA;
    background: #ffffff;
    border: 1px solid #dcdfe6;

    &:hover {
      border-color: #4395EA;
    }
  }

  &.plain {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;

    i {
      color: #fff;
    }
  }

  &.el-button--info {
    background: rgba(0, 20, 29, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.3);
  }

  &.tag {
    padding: 0 8px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    color: #fff;
    background: rgba(14, 26, 42, 0.8);

    &.active {
      border: 1px solid #fff;
      color: #fff;
    }

    &:hover {
      border: 1px solid #4395EA;
    }
  }

  &.oneMap {
    color: #69B3FF;
    border: 1px solid #69B3FF;
    background: rgba(105, 179, 255, 0.1);


    &.active {
      // background: rgba(105, 179, 255, 0.1);
      // border: 1px solid #69B3FF;
      background: #69B3FF;
      border-color: #69B3FF;
      border-radius: 4px;
      color: #ffffff !important;

      &:hover {
        color: #ffffff;
        border-color: #4395EA;
        background-color: #4395EA;
      }
    }

    &.is-disabled {
      background: #A5D1FF;
      color: #ffffff;

      &:hover {
        background: #A5D1FF;
        color: #ffffff;
      }
    }

    &.cancel {
      color: #fff !important;
      border: 1px solid rgba(255, 255, 255, 0.5);
      background: rgba(14, 26, 42, 0.8) !important;
    }
  }
}

/**
** tree
*/
.el-tree {
  color: #fff;
  background: transparent;

  .el-tree-node {
    position: relative;
    padding-left: 0;
    font-size: 14px;

    &.is-current>.el-tree-node__content {
      color: #fff;
      background: #e9f9f5;
    }

    .el-tree-node__content {
      height: 32px;

      &:hover {
        background: #f5f6fa;
      }
    }

    .el-tree-node__children {
      .el-tree-node__content {
        padding-left: 10px;
      }
    }

    .el-tree-node__expand-icon {
      color: #fff;

      &.is-leaf {
        color: transparent;
      }
    }
  }

  &.oneMap {
    color: #fff;

    .el-tree-node__expand-icon {
      color: #fff;
    }

    .el-tree-node {
      .el-tree-node__content {
        height: auto;
        min-height: 32px;
        padding-top: 6px;
        align-items: flex-start;

        &:hover {
          background: rgba(255, 255, 255, 0.1);
        }
      }

      &.is-current>.el-tree-node__content,
      &.is-current>.el-tree-node__content:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.1) !important;
      }

      &.is-focusable {
        .el-tree-node__content {
          background: transparent;
        }
      }
    }
  }
}

/**
** el-slider
 */
.el-slider {

  .el-slider__stop,
  .el-slider__runway {
    height: 6px;
    background: rgba(105, 179, 255, 0.3);
    border-radius: 3px;

    .el-slider__bar {
      height: 6px;
      background-color: #69B3FF;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
    }

    .el-slider__button-wrapper {
      .el-slider__button {
        border: solid 2px #ffffff;
        background-color: #69B3FF;
      }

      //.el-tooltip.el-slider__button {
      //  &.hover {
      //    border: solid 2px #69B3FF;
      //    background-color: #367E6C;
      //  }
      //}
    }

    .el-slider__marks {
      .el-slider__marks-text {
        color: #fff;

        &:first-child {
          transform: translateX(0%);
        }

        &:last-child {
          transform: translateX(-90%);
        }
      }
    }
  }

  .el-slider__input {
    .el-input {
      .el-input__inner {
        color: #fff;
        background: transparent;
      }
    }
  }
}

/**
** tab
*/
.el-tabs {
  color: #575b5b;
  background: #fff;

  .el-tabs__header {
    margin: 0;
    border-bottom: none;

    .el-tabs__nav-wrap::after {
      height: 0;
    }

    .el-tabs__nav {
      .el-tabs__item {
        //border-top: 2px solid #2E4250;
        border-left: none;
        border-right: none;
        background: #fafafa;
        color: #0c0c0c;
        font-weight: 600;
        padding: 0 16px;
        border-bottom: 1px solid #dcdfe6;
      }

      .el-tabs__item:not(.is-disabled):hover {
        color: #fff;
      }

      .el-tabs__item.is-active {
        position: relative;
        color: #69B3FF;
        border-top: 2px solid transparent;
        border-right: 1px solid #727881;
        border-left: 1px solid #727881;
        border-bottom: none;
      }
    }

    .el-tabs__active-bar {
      height: 0;
    }

    .el-tabs__nav-wrap.is-scrollable {
      padding: 0 40px 0 0;

      // padding: 0px;
      .el-tabs__nav-prev {
        right: 20px;
        left: initial;
        margin-right: 12px;
      }

      .el-tabs__nav-next,
      .el-tabs__nav-prev {
        background: #304453;
        display: inline-block;
        width: 30px;
        line-height: 40px;
        text-align: center;
      }

      .el-tabs__nav-scroll {
        width: 94%;
      }
    }
  }

  &.no-tab {
    &>.el-tabs__header {
      display: none;
    }
  }

  &.noPadding-tabs {
    border: 1px solid #91969c;

    .el-tabs__header {
      padding: 0;

      .el-tabs__item {
        border: 1px solid #91969c;
        border-top: none;

        &:first-child {
          border-left: none;
        }

        &:last-child {
          border-right: none;
        }

        &.is-active {
          border: none;
          border-bottom: none;
          background: #fff;
        }
      }
    }

    &.el-tabs--card {
      .el-tabs__header {
        .el-tabs__nav {
          border: none;
        }
      }
    }
  }

  &.noPadding-tabs.stretch-50 {
    .el-tabs__header {
      .el-tabs__nav {
        width: 100%;

        .el-tabs__item {
          width: 50%;
          text-align: center;

          &.is-active {
            color: #fff;
            font-weight: 600;
          }
        }
      }
    }
  }

  &.tags {
    .el-tabs__header {
      padding: 7px 0;
      font-size: 14px;
      border-bottom: none;
      background-color: transparent;

      .el-tabs__nav {
        border: none;

        .el-tabs__item {
          height: 26px;
          padding: 0 12px;
          line-height: 26px;
          margin-right: 16px;
          font-size: 14px;
          color: #9ea8a9;
          border-radius: 2px;
          border: 1px solid #d9e2de;

          &:not(.is-disabled):hover {
            border: 1px solid #fff;
          }

          .el-icon-close {
            width: auto;
            top: -2px;

            &::before {
              content: '\e78d';
            }

            &:hover {
              color: #9ea8a9;
              border: none;
              background-color: transparent;
            }
          }

          &.is-active {
            position: relative;
            top: 0;
            left: 0;
            color: #fff;
            border: 1px solid #fff;
            background: #fff;

            .el-icon-close {
              &:hover {
                color: #fff;
                border: none;
                background-color: transparent;
              }
            }
          }
        }
      }
    }
  }

  &.oneMap {
    color: #fff;
    background: rgba(14, 26, 42, 0.8);
    border: 1px solid #fff;

    .el-tabs__header {
      //padding: 5px 0 0 10px;
      font-size: 14px;
      border-bottom: 1px solid #69B3FF;
      background-color: transparent;

      .el-tabs__item:not(.is-disabled):hover,
      .el-tabs__item.is-active {
        color: #69B3FF;
        font-size: 14px;
        background-color: transparent;
      }

      .el-tabs__item {
        height: 36px;
        margin: 0 15px;
        padding: 0;
        line-height: 36px;
        font-size: 14px;
        border: none;

        &.is-active {
          position: relative;
          top: 1px;
          left: 1px;
          color: #69B3FF;
          border: 1px solid #91969c;
          border-bottom: 1px solid transparent;
          border-top-right-radius: 5px;
          border-top-left-radius: 5px;
        }
      }
    }

    &.el-tabs--border-card {
      color: #fff;
      background: rgba(14, 26, 42, 0.8);
      border: none;

      .el-tabs__header {
        border-bottom: 1px solid #69B3FF;

        .el-tabs__nav-wrap {
          .el-tabs__nav-scroll {
            .el-tabs__item {
              height: 46px;
              margin: 0 8px;
              padding: 0;
              line-height: 46px;
              font-size: 14px;
              color: rgba(105, 179, 255, 0.6);
              font-weight: 400;
              background: transparent;
              border: none;

              &.is-active {
                position: relative;
                top: 1px;
                left: 1px;
                color: #69B3FF;
                border: none;
                border-bottom: 2px solid #69B3FF;
                border-top-right-radius: 5px;
                border-top-left-radius: 5px;
              }
            }
          }

          .el-tabs__nav-prev {}

          .el-tabs__nav-next {}
        }
      }

      &.no-bg {
        background: transparent;
      }

      &.no-content {
        .el-tabs__content {
          padding: 0;
        }
      }
    }
  }

  &.tree-card-tab {
    color: #fff;
    border-radius: 4px;
    border: 1px solid #727881;
    background: rgba(14, 26, 42, 0.6);

    .el-tabs__header {
      border-bottom: none;
      background: transparent;

      .el-tabs__nav {
        .el-tabs__item {
          height: 36px;
          padding: 0 13px;
          line-height: 36px;
          font-size: 14px;
          color: rgba(255, 255, 255, 0.8);
          font-weight: 400;
          background: transparent;
          border: none;
          border-color: #727881;
          border-bottom: 1px solid #727881;

          &.is-active {
            position: relative;
            color: #69B3FF;
            border-right: 1px solid #727881;
            border-left: 1px solid #727881;
            border-bottom: none;
          }
        }
      }
    }
  }
}

/**
** checkbox
*/
.el-checkbox {
  .el-checkbox__label {
    color: #fff;
  }
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #69B3FF !important;
}

.el-checkbox,
.el-checkbox__input {
  .el-checkbox__inner {
    width: 16px;
    height: 16px;
    border-color: #fff;
    background: transparent;

    &:hover {
      border-color: #fff;
    }
  }

  &.is-indeterminate .el-checkbox__inner {
    background-color: #fff;
    border-color: #fff;
  }

  &.is-checked {

    //& + .el-checkbox__label {
    //  color: #fff;
    //}
    & .el-checkbox__inner {
      background-color: #fff;
      border-color: #fff;
    }
  }
}

.el-radio {
  .el-radio__input {
    .el-radio__inner {
      background: transparent;
      border: 1px solid #fff;
    }
  }

  .el-radio__label {
    color: #ffffff;
  }

  .el-radio__input {
    &.is-checked+.el-radio__label {
      color: #69B3FF;
    }

    &.is-checked .el-radio__inner {
      border-color: #fff;
      background: #fff;

      &::after {
        background: rgba(14, 26, 42, 0.6);
      }
    }
  }

  &.oneMap {
    color: #fff;

    .el-radio__input {
      &.is-checked+.el-radio__label {
        color: #fff;
      }
    }
  }
}

.el-switch {
  .el-switch__core {
    width: 24px !important;
    height: 10px;
    border-color: #8b929a !important;
    background: #8b929a !important;

    &::after {
      width: 12px;
      height: 12px;
      top: -2px;
      left: 0;
      background: #fff;
    }
  }

  &.is-checked {
    .el-switch__core {
      border-color: #a5d1ff !important;
      background: #a5d1ff !important;

      &::after {
        background: #69B3FF;
        margin-left: -12px !important;
      }
    }
  }
}

/**
** el-collapse
*/
.el-collapse {
  border: none;

  .el-collapse-item {
    margin-bottom: 24px;
    font-size: 14px;
    border: 1px solid #a8b2bd;
    border-radius: 5px;
    overflow: hidden;

    &:last-child {
      margin-bottom: 0;
    }

    .el-collapse-item__header {
      height: 36px;
      padding: 0 5px;
      line-height: 36px;
      background-color: #eff5f6;
      color: #69B3FF;
      border-bottom: none;
      font-size: 14px;
      text-align: left;

      &.is-active {
        border-bottom: 1px solid #91969c;
      }

      .el-collapse-item__arrow.el-icon-arrow-right {
        line-height: 36px;
      }
    }

    .el-collapse-item__wrap {
      width: 100%;
      padding: 16px;
      border-bottom: none;
      background: transparent;

      .el-collapse-item__content {
        padding-bottom: 0;
        color: #69B3FF;
      }
    }
  }

  &.inner-collapse {
    .el-collapse-item__header {
      .el-collapse-item__arrow.el-icon-arrow-right {
        float: left;
        line-height: 36px;

        &:before {
          content: '\E60E';
        }
      }
    }
  }

  &.only-header {
    .el-collapse-item {
      border: none;
      border-radius: 0;

      &.is-active {
        margin-bottom: 15px;
      }

      &:last-child {
        margin-bottom: 0;
      }

      //margin-bottom: 15px;
      .el-collapse-item__header {
        height: 30px;
        padding: 0 8px;
        line-height: 30px;
        background-color: #eceff0;
        color: #69B3FF;
        border-bottom: none;
        font-size: 14px;
        text-align: left;

        &.is-active {
          margin-bottom: 10px;
          border-bottom: none;
        }

        .el-collapse-item__arrow.el-icon-arrow-right {
          line-height: 30px;
          margin-right: 0;
        }
      }

      .el-collapse-item__wrap {
        padding: 0;
      }
    }
  }
}

/**
** ----------
 */

.concession-card-box.el-card {
  .el-card__body {
    padding: 15px 0 15px 15px;
  }
}

.concession-collapse.el-collapse.only-header {
  .el-collapse-item .el-collapse-item__header {
    margin-right: 10px;
  }
}

.table-scroll {
  //margin-top: 10px;
  max-height: 191px;

  .el-scrollbar__wrap {
    max-height: 191px;
    padding-right: 13px;
    //margin-bottom: 0!important;
  }

  .el-scrollbar__bar.is-vertical {
    right: -2px;
  }
}

/**
**----------
 */

.el-form {
  .el-form-item__content {
    line-height: 36px;
  }

  .el-form-item,
  .el-form-item--small.el-form-item {
    margin-bottom: 16px;
    text-align: left;

    //&:last-of-type {
    //  margin-bottom: 0;
    //}
    &.last-child {
      margin-bottom: 0;
    }
  }

  .el-form-item__label {
    color: #fff;
  }

  .el-form-item__error {
    padding-top: 0;
  }

  &.oneMap {
    .el-form-item__label {
      color: #fff;
    }
  }
}

/**
** el-color-dropdown
 */
.el-color-dropdown {
  &.el-color-picker__panel {
    border: 1px solid #69B3FF;
    background: rgba(14, 26, 42, 0.9);

    .el-color-dropdown__btns {
      .el-color-dropdown__value {
        width: 146px;

        .el-input {
          .el-input__inner {
            color: #fff;
            border-radius: 4px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            background: rgba(14, 26, 42, 0.8);

            &:hover {
              border: 1px solid #c0c4cc;
            }

            &:focus {
              border: 1px solid #fff;
            }

            &::placeholder {
              font-size: 12px;
              color: rgba(255, 255, 255, 0.6);
            }
          }
        }
      }

      .el-button {
        padding: 10px 16px;
        margin-left: 16px;
        color: #69B3FF;
        border: 1px solid #69B3FF;
        background: rgba(105, 179, 255, 0.1);

        &:hover,
        &.active {
          background: rgba(105, 179, 255, 0.1);
          border: 1px solid #69B3FF;
          color: #69B3FF;
        }

        &.el-color-dropdown__link-btn {
          margin-left: 0;
          color: #ffffff;
          background: rgba(14, 26, 42, 0.8);
          border-radius: 4px;
          border: 1px solid rgba(255, 255, 255, 0.5);
        }
      }
    }
  }
}

.el-divider {
  background: rgba(237, 249, 255, 0.2);

  &.el-divider--horizontal {
    margin: 16px 0;
  }
}

/**
** el-link
 */
.el-link {
  &.el-link--default {
    color: #fff;

    &:hover {
      color: #4395EA;
    }
  }

  &.is-underline {
    &:hover {
      &::after {
        border-bottom: 1px solid #4395EA;
      }
    }
  }
}

.el-loading-mask {
  .el-loading-spinner {
    .el-loading-text {
      color: #69B3FF;
    }
  }
}

/* dialog */
.el-dialog {
  background: linear-gradient(360deg,
      rgba(14, 26, 42, 0.6) 0%,
      rgba(14, 26, 42, 0.8) 100%,
      rgba(14, 26, 42, 0.8) 100%) !important;
  border: 1px solid #69B3FF;
  // border-image: linear-gradient(360deg,
  //     rgba(58, 239, 253, 0.4),
  //     rgba(105, 179, 255, 1)) 1 1;

  .el-dialog__header {
    padding: 16px;
    border-bottom: 1px solid rgba(105, 179, 255, 0.5);

    span,
    i {
      color: #69B3FF;
    }

    span {
      font-size: 14px;
    }
  }

  .el-dialog__body {
    padding: 16px;
    height: calc(100% - 57px);
  }
}

/**
** el-scrollbar
 */
.el-scrollbar {
  .el-scrollbar__bar.is-vertical {
    width: 4px;
  }
}

.el-select-dropdown__list {
  background: #FFFFFF !important;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid #DCDFE6 !important;
  border-radius: 4px;
}

.el-popper {
  border: none !important;
}

// .el-select-dropdown {
//   .el-select-dropdown__item {
//     color: #000 !important;
//   }
// }
// 迁移之后的样式配置
// .el-tree {
//   color: #5f676e !important;
// }
// .el-table {
//   color: #5f676e !important;
// }
// // .el-button {
// //   .el-button--primary {
// //     .is-disabled {
// //       background-color: #69B3FF !important;
// //       border-color: #69B3FF !important;
// //     }
// //   }
// // }
// .el-button.el-button--primary.is-disabled, .el-button.el-button--primary.is-disabled:hover {
//   background-color: #69B3FF !important;
//   border-color: #69B3FF !important;
// }
// .el-input__inner:focus {
//   border-color: #69B3FF !important;
// }
// .el-select .el-input__inner:focus, .el-select .el-input.is-focus .el-input__inner {
//   border-color: #69B3FF !important;
// }
// .el-table th.el-table__cell > .cell {
//   color: #0c0c0c;
//   font-weight: 700;
// }
// .el-checkbox .el-checkbox__inner, .el-checkbox__input .el-checkbox__inner {
//   background-color: #edf2fc;
//   border-color: #DCDFE6;
// }
// .el-form .el-form-item__label {
//   line-height: 36px;
//   color: #575B5B;
// }
// .el-pagination__editor.el-input .el-input__inner {
//   color: #575B5B;
// }
// // ::v-deep .el-pagination.is-background.active {
// //   background-color: #69B3FF !important;
// // }
// .el-pagination.is-background .el-pager li:not(.disabled).active {
//   background-color: #69B3FF !important;
//   color: #FFFFFF;
// }
// .el-input .el-input__inner {
//   color: #575B5B;
// }
// .el-pagination__total {
//   color: #575B5B !important;
// }
// .el-button--primary {
//   background-color: #69B3FF !important;
//   border-color: #69B3FF !important;
// }
// .el-button--primary:hover {
//   background-color: #69B3FF !important;
// }
// .el-button--text {
//   background: #fff !important;
//   border: 1px solid #dcdfe6 !important;
//   color: #606266 !important;
//   padding: 10px 20px !important;
// }
// .el-button--text:hover {
//   color: #69B3FF !important;
//   border-color: #69B3FF !important;
// }
// .el-link.el-link--default {
//   color: #69B3FF !important;
// }
// .el-link:hover {
//   color: #69B3FF !important;
// }